<template>
  <div id="setting">
    <div class="setting-box main-theme_config">
      <ThemeConfig title="主题色配置" />
    </div>
  </div>
</template>

<script>
import ThemeConfig from './components/ThemeConfig.vue'

export default {
  name: 'Setting',
  components: {
    ThemeConfig
  },
  setup() {}
}
</script>

<style lang="scss" scoped>
$df_radius: 24px;
#setting {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  .setting-box {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
    background-color: $box_bg;
    border-radius: $df_radius 0 0 $df_radius;
  }
}
</style>
